<template>
	<div class="subscribe_address">
		<myheader :type_title="type_title" :title="title"></myheader>
		<div class="title">{{choice}}</div>
		<div class="info">
			<ul >
				<li @click="choices($event)" v-for="(item,index) in items">{{item.name}}</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import myheader from '@/components/user/myheader'
	export default {
		name: "subscribe_address",
		data() {
			return{
				title:"创建订阅条件",
				type_title:"noright",
				choice:"请选择区域",
				items:[
	                    {name: '九龙坡区', value: 20057},
	                    {name: '渝北区', value: 27},
	                    {name: '渝中区', value: 27},
	                    {name: '万州区', value: 27},
	                    {name: '涪陵区', value: 27},
	                    {name: '沙坪坝区', value: 27},
	                    {name: '南岸区', value: 27},
	                    {name: '巴南区', value: 27},
	                    {name: '江津区', value: 27},
	                    {name: '永川区', value: 27},
	                    {name: '合川区', value: 27},
	                    {name: '北碚区', value: 27},
	                    {name: '长寿区', value: 27},
	                    {name: '大渡口区', value: 27},
	                    {name: '綦江区', value: 27},
	                    {name: '璧山区', value: 27},
	                    {name: '铜梁区', value: 27},
	                    {name: '潼南区', value: 27},
	                    {name: '荣昌区', value: 27},
	                    {name: '璧山县', value: 27},
	                    {name: '铜梁县', value: 27},
	                    {name: '开县', value: 27},
	                    {name: '大足区', value: 27},
	                    {name: '南川区', value: 27},
	                    {name: '潼南县', value: 27},
	                    {name: '垫江县', value: 27},
	                    {name: '梁平县', value: 27},
	                    {name: '忠县', value: 27},
	                    {name: '奉节县', value: 27},
	                    {name: '黔江区', value: 27},
	                    {name: '云阳县', value: 27},
	                    {name: '丰都县', value: 27},
	                    {name: '秀山县', value: 27},
	                    {name: '武隆县', value: 27},
	                    {name: '彭水县', value: 27},
	                    {name: '石柱县', value: 27},
	                    {name: '酉阳县', value: 27},
	                    {name: '巫山县', value: 27},
	                    {name: '巫溪县', value: 27},
	                    {name: '城口县', value: 27},
	                    {name: '石柱土家族自治县', value: 27},
	                    {name: '秀山土家族苗族自治县', value: 27},
	                    {name: '酉阳土家族苗族自治县', value: 27},
	                    {name: '彭水苗族土家族自治县', value: 27},
	                ]
			}
		},
		methods: {
			choices(e){
				this.choice=e.toElement.innerHTML;
				if(this.choice != "请选择区域"){
					localStorage.setItem("subAdd",this.choice);
				}
			}
		},
		components:{
			myheader
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.subscribe_address{
		width: 100%;
		height: auto;
		background: #F1F1F1;
	}
	.title{
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		color: #504d4d;
		padding: 0 0.3rem;
		box-sizing: border-box;
		margin-top: 0.1rem;
		margin-bottom: 0.1rem;
		font-size: 0.3rem;
		background: white;
	}
	.info{
		width: 100%;
		height: auto;
		background: white;
	}
	.info ul{
		width: 100%;
		height: auto;
	}
	.info li{
		width: 100%;
		height: 1rem;
		border-bottom: 0.03rem solid #F0F0F0;
		padding: 0 0.3rem;
		box-sizing: border-box;
		line-height: 1rem;
		color: #999999;
		font-size: 0.25rem;
	}
</style>
